// 搜索配置
export const searchOption = ref({
  formConfig: {
    shopName: {
      component: "el-input",
      label: "店铺名称:",
      labelWidth: "auto",
      col: { span: 4 },
    },
    enterpriseName: {
      component: "el-input",
      label: "商家名称:",
      labelWidth: "auto",
      col: { span: 4 },
    },
    //店铺ID
    shopId: {
      component: "el-input",
      label: "店铺ID",
      labelWidth: "auto",
      col: { span: 4 },
    },
    // 商家手机号
    enterprisePhone: {
      component: "el-input",
      label: "商家手机号:",
      labelWidth: "auto",
      col: { span: 4 },
    },
  },
  menu: true,
});

//账户余额明细搜索配置
export const balanceDetailSearchOption = ref({
  formConfig: {
    enterpriseName: {
      component: "el-input",
      label: "商家名称:",

      col: { span: 4 },
      labelWidth: "auto",
    },
    //店铺ID
    shopId: {
      component: "el-input",
      label: "店铺ID",
      col: { span: 4 },
      labelWidth: "auto",
    },
    //交易时间
    createTime: {
      label: "交易时间",
      component: "el-date-picker",
      type: "daterange",
      labelWidth: "auto",
      col: { span: 4 },
    },
    shopName: {
      component: "el-input",
      label: "店铺名称:",
      labelWidth: "auto",
      col: { span: 4 },
    },
    // 商家手机号
    enterprisePhone: {
      component: "el-input",
      label: "商家手机号:",
      col: { span: 4 },
      labelWidth: "auto",
    },
    //交易类型
    transactionType: {
      label: "交易类型",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",

      col: { span: 4 },
    },
    //来源
    source: {
      label: "来源",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",

      col: { span: 4 },
    },
    //收支类型
    type: {
      label: "收支类型",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",
      col: { span: 4 },
    },
    //关联账单流水号
    relatedSerialNumber: {
      label: "关联流水号",
      component: "el-input",
      placeholder: "请输入关联流水号",
      clearable: true,
      labelWidth: "auto",
      col: { span: 4 },
    },
    //流水号
    serialNumber: {
      label: "流水号",
      component: "el-input",
      placeholder: "请输入流水号",
      clearable: true,
      labelWidth: "auto",
      col: { span: 4 },
    },
    //账户类型
    accountTypes: {
      label: "账户类型",
      component: "el-select",
      dicUrl: "",
      options: [],
      labelWidth: "auto",
      col: { span: 4 },
    },
  },
});

//租金充值配置
// "shopId": "9f20e747e002ed12dca62c311a1c757805b1ac08",
//     "feeType": 1,
//     "orderId": "1",
//     "amount": 12,
//     "remark": "1"
export const rentChargeOptions = ref({
  formConfig: {
    shopName: {
      label: "店铺名称",
      component: "el-input",
      col: { span: 24 },
    },
    feeType: {
      label: "费用类型",
      component: "el-select",
      col: { span: 24 },
    },
    orderId: {
      label: "订单编号",
      component: "el-input",
      col: { span: 24 },
    },
    amount: {
      label: "金额",
      component: "el-input",
      col: { span: 24 },
    },
    remark: {
      label: "备注",
      component: "el-input",
      col: { span: 24 },
    },
  },
  searchBtn: {
    show: false,
  },
  resetBtn: {
    show: false,
  },
});

// 表格配置
export const tableOption = ref(
  Utils.tools.deleteSearchConfig({
    menuHeaderAlign: "center",
    // 弹窗宽度
    dialogWidth: "30%",
    menu: true,
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 300,
    // 表格配置
    column: {
      //商家ID
      shopNo: {
        label: "商家ID",
      },
      //店铺名称
      shopName: {
        label: "店铺名称",
      },
      //商家名称
      enterpriseName: {
        label: "商家名称",
      },
      //租金账户余额(元)
      rentAccountBalanceAmount: {
        label: "租金账户余额(元)",
      },
      // 采购账户余额（元）
      purchaseAccountAmount: {
        label: "采购账户余额（元）",
      },
      // 资金账户余额（元）
      afterAmount: {
        label: "资金账户余额（元）",
      },
    },
  })
);

// 转账申请
export const searchOption1 = ref({
  formConfig: {
    tenantId: {
      label: "客户ID",
    },
    customerName: {
      label: "客户名称",
    },
    operationModeId: {
      label: "运营模式",
      component: "el-select",
      options: [],
    },
    updateName: {
      label: "操作人员",
    },
    // 开通时间
    createTime: {
      label: "开通时间",
      component: "el-date-picker",
      type: "daterange",
    },
    // 到期时间
    expiredTime: {
      label: "到期时间",
      component: "el-date-picker",
      type: "daterange",
    },
  },
  menu: true,
});

export const appTableOption = ref(
  Utils.tools.deleteSearchConfig({
    height: 300,
    menu: false,
    // 弹窗宽度
    dialogWidth: "30%",
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 216,
    // 表格配置
    column: {
      serviceName: {
        label: "应用名称",
        width: 120,
      },

      serviceTypeName: {
        label: "应用类型",
        width: 320,
      },

      // operationModeName: {
      //   label: "运营模式",
      //   width: 120,
      // },

      tenantCost: {
        label: "成本",
        minWidth: 120,
      },

      tenantFee: {
        label: "资费",
        minWidth: 120,
      },
    },
  })
);
export const renewTableOption = ref(
  Utils.tools.deleteSearchConfig({
    height: 300,
    menu: false,
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 216,
    // 表格配置
    column: {
      createTime: {
        label: "续费时间",
        width: 180,
        type: "datetime",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      renewalAmount: {
        label: "续费金额",
      },
      expireDate: {
        label: "到期时间",
        width: 180,
        type: "datetime",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      updateName: {
        label: "操作人员",
      },
      // renewalPeriod: {
      //   label: "续费年限",
      // },
    },
  })
);

export const tabOptions = ref([
  {
    label: "消费服务列表",
    name: "01",
  },
  {
    label: "采购记录",
    name: "02",
  },
  {
    label: "蚂蚁保",
    name: "03",
  },
  //充值记录
  {
    label: "充值记录",
    name: "04",
  },
  //线下转账记录
  {
    label: "线下转账记录",
    name: "05",
  },
  //提现列表
  {
    label: "提现列表",
    name: "06",
  },
  //租金列表
  {
    label: "租金列表",
    name: "07",
  },
  // //买断金
  // {
  //     label: "买断金",
  //     name: "08",
  // },
  // //增值服务
  // {
  //     label: "增值服务",
  //     name: "09",
  // },
]);

export const balanceTableOption = ref(
  Utils.tools.deleteSearchConfig({
    menuHeaderAlign: "center",
    // 弹窗宽度
    dialogWidth: "30%",
    menu: false,
    // 是否显示编辑按钮
    editBtn: false,
    // 是否显示删除按钮
    delBtn: false,
    // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
    menuWidth: 300,
    // 表格配置
    column: {
      //流水号
      serialNumber: {
        label: "流水号",
      },
      //店铺名称
      shopName: {
        label: "店铺名称",
      },
      //商家手机号
      enterprisePhone: {
        label: "商家手机号",
      },
      //账户类型
      accountType: {
        label: "账户类型",
      },
      //交易金额
      amount: {
        label: "交易金额",
      },
      //账户余额
      balance: {
        label: "账户余额",
      },
      //交易时间
      createTime: {
        label: "交易时间",
      },
      //来源
      source: {
        label: "来源",
      },
      //商家ID
      shopNo: {
        label: "商家ID",
      },
      //关联账单流水号
      relatedSerialNumber: {
        label: "关联流水号",
      },
      // //商家名称
      // enterpriseName: {
      //     label: "商家名称",
      // },
      // //租金账户余额(元)
      // rentAccountBalanceAmount: {
      //     label: "租金账户余额(元)",
      // },
      // // 采购账户余额（元）
      // purchaseAccountAmount: {
      //     label: "采购账户余额（元）",
      // },
      // // 资金账户余额（元）
      // afterAmount: {
      //     label: "资金账户余额（元）",
      // },
    },
  })
);
